<template>
  <div class="app-box">
    <h4>{{ content }}</h4>
    <div>
      <slot name="panel"></slot>
    </div>
  </div>
</template>
<script>
export default {
  props: ['content']
}
</script>
<style scoped>
.app-box {
  width: 200px;
  height: 100px;
  display: inline-block;
  margin-top: 10px;
  vertical-align: top;
}

.app-box h4 {
  color: #fff;
  font-size: 14px;
 text-indent: 2em;
  text-align:left;
  padding-bottom: 5px;
}

.app-box div{
  height: 100px;
  text-align:left;
  text-indent: 2em;
}

.app-box li{
  margin-left: -20px;
}

.app-box img{
  height:70px;
}

.app-box li{
  color: #ddd;
}
</style>
